Skip to main content

16 拆分项目复杂度

按领域模型组织代码,降低耦合度

高内聚低耦合的业务逻辑模块

React技术栈实现

组织 component、action 和 reducer

文件夹结构:

  1. 按 feature 组织源文件;
  2. 组件和样式文件同一级;
  3. Redux 单独文件夹;
  4. 单元测试文件保持同样的目录结构放在 tests 文件夹。

组织 React Router 的路由配置

在每个 feature 中单独定义自己的路由,使用 JSON 定义顶层路由,然后解析 JSON 到 React Router 语法。

加载中...